$(document).ready(function () {


    var obj=null;
    var As=document.getElementById('nav').getElementsByTagName('a');
    obj = As[0];
    for(i=1;i<As.length;i++){if(window.location.href.indexOf(As[i].href)>=0)
        obj=As[i];}
    obj.id='selected';

    $("#starlist li:nth-child(1) span").click(function(){


        $("#starlist li:nth-child(1) ul.sub").toggleClass("open");

    });
    $("#starlist li:nth-child(2) span").click(function(){


        $("#starlist li:nth-child(2) ul.sub").toggleClass("open");

    });
    $("#starlist li:nth-child(3) span").click(function(){


        $("#starlist li:nth-child(3) ul.sub").toggleClass("open");

    });

    //nav
    $("#mnavh").click(function(){
        $("#nav").toggle();
        $("#mnavh").toggleClass("open");
    });






    //滚动元素id，左切换按钮，右切换按钮，切换元素个数id,滚动方式，切换方向，是否自动滚动，滚动距离，滚动时间，滚动间隔，显示个数
    LbMove('BoxUl','btnl','btnr','BoxSwitch',true,'left',true,230,1000,3000,7);




    //scroll to top
    var offset = 300,
        offset_opacity = 1200,
        scroll_top_duration = 700,
        $back_to_top = $('.cd-top');

    $(window).scroll(function () {
        ($(this).scrollTop() > offset) ? $back_to_top.addClass('cd-is-visible') : $back_to_top.removeClass('cd-is-visible cd-fade-out');
        if ($(this).scrollTop() > offset_opacity) {
            $back_to_top.addClass('cd-fade-out');
        }
    });
    $back_to_top.on('click', function (event) {
        event.preventDefault();
        $('body,html').animate({
                scrollTop: 0,
            }, scroll_top_duration
        );
    });

});



function LbMove(boxID,btn_left,btn_right,btnBox,Car,direction,way,moveLengh,speed,Interval,number){
    var        _ID   = $("#"+boxID+"");
    var  _btn_left   = $("#"+btn_left+"");
    var _btn_right   = $("#"+btn_right+"");
    var    _btnBox   = $("#"+btnBox+"");
    var        jsq   = 0
    var      timer     ;
    var         cj     ;
    var     no_way   = 0;
    var  no_wayGet   = 0;
    var       fade   = 0;
    var   new_time   = new Date;

    var ID_liLen , ID_liheight , cbtmBtn ;
    ID_liLen    = _ID.find("li").length;
    ID_liheight = _ID.find("li").innerHeight();

    if(direction == "left" || direction == "right"){
        _ID.find("ul").width(ID_liLen*moveLengh);
    }else if(direction == "top" || direction == "bottom"){
        _ID.find("ul").height(ID_liLen*moveLengh);
        _btnBox.hide()
    }else if(direction == "fade"){
        _ID.find("ul").width(moveLengh).height(ID_liheight);
        _ID.find("li").eq(0).show().siblings().hide();
        _ID.find("li").css({"position":"absolute","left":0,"top":0});
    }
    _btnBox.empty();
    for(i=0;i<ID_liLen;i++){
        _btnBox.append("<span></span>");
    };
    _btnBox.find("span").eq(0).addClass("cur");

    if(way == false){
        _btn_left.hide();
        _btn_right.hide();
        _btnBox.hide();
    }


    function Carousel(){
        if(way == false){
            no_way++;

            if(direction == "left"){
                _ID.find("ul").css({"left":-no_way});
                no_wayGet = parseInt(_ID.find("ul").css("left"));
                if(no_wayGet == -moveLengh){
                    no_way = 0
                    _ID.find("li:first").insertAfter(_ID.find("li:last"));
                    _ID.find("ul").css({"left":0});
                }
            }

            if(direction == "right"){

                no_wayGet = parseInt(_ID.find("ul").css("left"));
                if(no_wayGet == 0){
                    no_way = -moveLengh
                    _ID.find("li:last").insertBefore(_ID.find("li:first"));
                    _ID.find("ul").css({"left":0});
                }
                _ID.find("ul").css({"left":no_way});
            }

            if(direction == "top"){
                _ID.find("ul").css({"top":-no_way});
                no_wayGet = parseInt(_ID.find("ul").css("top"));
                if(no_wayGet == -moveLengh){
                    no_way = 0
                    _ID.find("li:first").insertAfter(_ID.find("li:last"));
                    _ID.find("ul").css({"top":0});
                }
            }

            if(direction == "bottom"){

                no_wayGet = parseInt(_ID.find("ul").css("top"));
                if(no_wayGet == 0){
                    no_way = -moveLengh
                    _ID.find("li:last").insertBefore(_ID.find("li:first"));
                    _ID.find("ul").css({"top":0});
                }
                _ID.find("ul").css({"top":no_way});
            }


        }else if(way == true){

            if(direction == "left"){
                _ID.find("ul").animate({left:-moveLengh},speed,function(){
                    _ID.find("li:first").insertAfter(_ID.find("li:last"));
                    _ID.find("ul").css({"left":0});
                });
                if(jsq<ID_liLen-1){
                    jsq++;
                    _btnBox.find("span").eq(jsq).addClass("cur").siblings().removeClass("cur");
                }else{
                    jsq = 0;
                    _btnBox.find("span").eq(jsq).addClass("cur").siblings().removeClass("cur");
                }

            }

            if(direction == "right"){
                _ID.find("li:last").insertBefore(_ID.find("li:first"));
                _ID.find("ul").css({"left":-moveLengh});
                _ID.find("ul").stop().animate({left:0},speed);
                if(jsq>0){
                    jsq--;
                    _btnBox.find("span").eq(jsq).addClass("cur").siblings().removeClass("cur");
                }else{
                    jsq = ID_liLen-1;
                    _btnBox.find("span").eq(jsq).addClass("cur").siblings().removeClass("cur");
                }

            }

            if(direction == "top"){
                _ID.find("ul").animate({top:-moveLengh},speed,function(){
                    _ID.find("li:first").insertAfter(_ID.find("li:last"));
                    _ID.find("ul").css({"top":0});
                });
            }

            if(direction == "bottom"){
                _ID.find("li:last").insertBefore(_ID.find("li:first"));
                _ID.find("ul").css({"top":-moveLengh});
                _ID.find("ul").stop().animate({top:0},speed);

            }
            if(direction == "fade"){

                if(fade<ID_liLen-1){
                    fade++;
                }else{fade = 0}
                _ID.find("li").eq(fade).fadeIn(speed).siblings().fadeOut(speed);
                _btnBox.find("span").eq(fade).addClass("cur").siblings().removeClass("cur");

            }

        }
    }


    if(Car == true){

        if(ID_liLen>number){
            timer =	setInterval(Carousel,Interval);
        }else{
            clearInterval(timer);
            _btn_left.hide();
            _btn_right.hide();
            _btnBox.hide();
        }
    }else{
        clearInterval(timer);
    }
    _ID.find("li").hover(function(){
        clearInterval(timer);
    },function(){
        if(Car == true){
            if(ID_liLen>number){
                timer =	setInterval(Carousel,Interval);
            }else{
                clearInterval(timer);
                _btn_left.hide();
                _btn_right.hide();
                _btnBox.hide();
            }
        }else{
            clearInterval(timer);
        }
    });


    _btn_right.hover(function(){
        clearInterval(timer);
    },function(){
        if(Car == true){
            if(ID_liLen>number){
                timer =	setInterval(Carousel,Interval);
            }else{
                clearInterval(timer);
                _btn_left.hide();
                _btn_right.hide();
                _btnBox.hide();
            }
        }else{
            clearInterval(timer);
        }

    }).click(function(){
        if(new Date - new_time>500){
            new_time = new Date;

            if(direction == "left" || direction == "right"){
                _ID.find("ul").animate({left:-moveLengh},speed,function(){
                    _ID.find("li:first").insertAfter(_ID.find("li:last"));
                    _ID.find("ul").css({"left":0});
                });
            }


            if(direction == "top" || direction == "bottom"){
                _ID.find("ul").animate({top:-moveLengh},speed,function(){
                    _ID.find("li:first").insertAfter(_ID.find("li:last"));
                    _ID.find("ul").css({"top":0});
                });
            }
            if(direction == "fade"){

                if(fade>0){
                    fade--;
                }else{fade = ID_liLen-1}
                _ID.find("li").stop(true,true).eq(fade).fadeIn(speed).siblings().fadeOut(speed);

            }
            if(jsq<ID_liLen-1){
                jsq++;
                _btnBox.find("span").eq(jsq).addClass("cur").siblings().removeClass("cur");
            }else{
                jsq = 0;
                _btnBox.find("span").eq(jsq).addClass("cur").siblings().removeClass("cur");
            };


        }else{};
    });
    _btn_left.hover(function(){
        clearInterval(timer);
    },function(){
        if(Car == true){
            if(ID_liLen>number){
                timer =	setInterval(Carousel,Interval);
            }else{
                clearInterval(timer);
                _btn_left.hide();
                _btn_right.hide();
                _btnBox.hide();
            }
        }else{
            clearInterval(timer);
        }
    }).click(function(){
        if(new Date - new_time>500){
            new_time = new Date;

            if(direction == "left" || direction == "right"){
                _ID.find("li:last").insertBefore(_ID.find("li:first"));
                _ID.find("ul").css({"left":-moveLengh});
                _ID.find("ul").stop().animate({left:0},speed);
            }

            if(direction == "top" || direction == "bottom"){
                _ID.find("li:last").insertBefore(_ID.find("li:first"));
                _ID.find("ul").css({"top":-moveLengh});
                _ID.find("ul").stop().animate({top:0},speed);

            }
            if(direction == "fade"){

                if(fade<ID_liLen-1){
                    fade++;
                }else{fade = 0}
                _ID.find("li").stop(true,true).eq(fade).fadeIn(speed).siblings().fadeOut(speed);

            }
            if(jsq>0){
                jsq--;
                _btnBox.find("span").eq(jsq).addClass("cur").siblings().removeClass("cur");
            }else{
                jsq = ID_liLen-1;
                _btnBox.find("span").eq(jsq).addClass("cur").siblings().removeClass("cur");
            };
        }else{};
    });

    _btnBox.find("span").hover(function(){
        clearInterval(timer);

    },function(){
        if(Car == true){
            if(ID_liLen>number){
                timer =	setInterval(Carousel,Interval);
            }else{
                clearInterval(timer);
                _btn_left.hide();
                _btn_right.hide();
                _btnBox.hide();
            }
        }else{
            clearInterval(timer);
        }
    }).click(function(){
        if(new Date - new_time>500){
            new_time = new Date;
            cbtmBtn = $(this).index();
            $(this).addClass("cur").siblings().removeClass("cur");
            if(direction == "fade"){
                _ID.find("li").eq(cbtmBtn).fadeIn(speed).siblings().fadeOut(speed);
            }else{
                if(cbtmBtn>jsq){
                    cj =cbtmBtn - jsq;
                    jsq = cbtmBtn;

                    _ID.find("ul").stop().animate({left:-moveLengh*cj},speed,function(){
                        for(i=0;i<cj;i++){
                            _ID.find("ul").css({"left":0})
                            _ID.find("li:first").insertAfter(_ID.find("li:last"));
                        };
                    });
                }else{
                    cj = jsq - cbtmBtn;
                    jsq = cbtmBtn;
                    _ID.find("ul").css({"left":-moveLengh*cj});
                    for(i=0;i<cj;i++){
                        _ID.find("ul").stop().animate({left:0},speed);
                        _ID.find("li:last").insertBefore(_ID.find("li:first"));
                    };
                };
            };
        }else{};
    });
}